<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Insert title here</title>
		<script type="text/javascript">
			function floatwin(){
				floatwinobj=window.open("float.html","floatWindow","height=200,width=300");
				setTimeout("newwin();",2000);
			}
			function closefloatwin(){
				setTimeout("floatwinobj.close()",2000);
			}
			function resizefloatwin(){
				floatwinobj.resizeTo(400,300);
			}
			function movefloatwin(){
				floatwinobj.moveBy(200,200);
			}
			function newwin(){
				floatwinobj.document.open();
				floatwinobj.document.write("this is a new window!");
				floatwinobj.document.close();
			}
		</script>
    </head>
    <body>
    	main document gose here.
		<br>
		<a href="javascript:void(0);" onclick="floatwin();">floatwin</a>&nbsp;&nbsp;
		<a href="javascript:void(0);" onclick="closefloatwin();">close after 2s.</a>
		<br>
		<a href="javascript:void(0);" onclick="resizefloatwin();">resize(400,300)</a>
		<br>
		<a href="javascript:void(0);" onclick="movefloatwin();">moveby(200,200)</a>
		<br>
		<a href="javascript:void(0);" onclick=""></a>
    </body>
</html>
